<?php
$this->Html->addCrumb('Image Gallery');
?>
<h1>Image Gallery</h1>

<div class="row">
  <div class="span6">
    <div class="row">
      <div class="span6">
        <?php if (isset($categories) && !empty($categories)) { ?>
        <p>Welcome to our image gallery. We hope you enjoy browsing through the albums. </p>
        <p>Select a category from which to view photos.</p>
        <?php
        echo '<ul>';
        foreach ($categories as $category) {
          echo '<li>'.$this->Html->link($category['Category']['name'], array('controller' => 'albums', 'action' => 'index', $category['Category']['id']), array("title"=>"View the albums in this category")).' ('.$category[0]['AlbumCount'].' Albums)</li>' ;
        }
        echo '</ul>';
        } else {
          echo '<p>No albums are currently available.</p>';
        } ?>
      </div>
    </div>
    <div class="row">
      <ul class="thumbnails">
        <li class="span6">
           <?php echo $this->Html->image('food/food18.jpg', array("alt"=>'Image Gallery', "title"=>"Image Gallery"))?>
        </li>
      </ul>
    </div>
    <div class="row">
      <ul class="thumbnails">
        <li class="span6">
           <?php echo $this->Html->image('food/food16.jpg', array("alt"=>'Image Gallery', "title"=>"Image Gallery"))?>
        </li>
      </ul>
    </div>
  </div>
  <div class="span6">

    <div class="row">
      <ul class="thumbnails">
        <li class="span6">
          <?php echo $this->Html->image('food/food17.jpg', array("alt" => 'Image Gallery', "title" => "Image Gallery")) ?>
        </li>
      </ul>
    </div>

    <div class="row">
      <ul class="thumbnails">
        <li class="span6">
          <?php echo $this->Html->image('food/food15.jpg', array("alt" => 'Image Gallery', "title" => "Image Gallery")) ?>
        </li>
      </ul>
    </div>

  </div>
</div>

